<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./select.css">
    <style>
        .form-item-group {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

    </style>
</head>
<body>
<form id="form">
    <div class="form-item-group">

        <div class="form-item">
            <div class="chose-container">
                <select name="select" id="select">
                    <option value="">请选择</option>
                    <option value="1" selected>第一步</option>
                    <option value="2">第二步</option>
                    <option value="3">第三步</option>
                </select>
            </div>
        </div>
        <div class="form-item">
            <div class="chose-container">
                <select name="select1" id="select1">
                    <option value="">请选择</option>
                    <option value="1">第一步</option>
                    <option value="2">第二步</option>
                    <option value="3">第三步</option>
                </select>
            </div>
        </div>
        <div class="form-item">
            <div class="chose-container">
                <select name="select2" id="select2">
                    <option value="">请选择</option>
                    <option value="1">第一步</option>
                    <option value="2">第二步</option>
                    <option value="3">第三步</option>
                </select>
            </div>
        </div>
        <div class="form-item">
            <div class="chose-container">
                <select name="select3" id="select3">
                <option value="">请选择</option>
                <option value="1" selected>第一步</option>
                <option value="2">第二步</option>
                <option value="3">第三步</option>
            </select></div>
        </div>
        <div class="form-item">
            <div class="chose-container">
                <select name="select4" id="select4">
                <option value="">请选择</option>
                <option value="1" selected>第一步</option>
                <option value="2">第二步</option>
                <option value="3">第三步</option>
            </select></div>
        </div>
        <div class="form-item">
            <div class="chose-container">
                <select name="select5" id="select5">
                    <option value="">请选择</option>
                    <option value="1" selected>第一步</option>
                    <option value="2">第二步</option>
                    <option value="3">第三步</option>
                </select></div>
        </div>
    </div>
    <button id="submit">提交</button>
</form>
<script src="js/jquery/jquery-2.2.0.min.js"></script>
<script src="js/select.js"></script>
<script>
    $('select').each(function () {
        $(this).select({})
    })
    setTimeout(function () {
        $("#select2").setVal({
            val: 1
        })
    }, 2000)
    $("#submit").click(function (e) {
        e.preventDefault()
        var val = $("form").serialize()
        console.log(val)
    })
</script>
</body>
</html>